import { Table } from "antd";
import React from "react";

function Grade() {
  const columns = [
    {
      title: "Name",
      dataIndex: "name",
    },
    {
      title: "一阶段",
      dataIndex: "chinese",
      // sorter: {
      //   compare: (a, b) => a.chinese - b.chinese,
      //   multiple: 3,
      // },
    },
    {
      title: "二阶段",
      dataIndex: "math",
      // sorter: {
      //   compare: (a, b) => a.math - b.math,
      //   multiple: 2,
      // },
    },
    {
      title: "三阶段",
      dataIndex: "english",
      // sorter: {
      //   compare: (a, b) => a.english - b.english,
      //   multiple: 1,
      // },
    },
  ];

  const data = [
    {
      key: "1",
      name: "跛豪",
      chinese: 98,
      math: 60,
      english: 70,
    },
    {
      key: "2",
      name: "诺手",
      chinese: 98,
      math: 66,
      english: 89,
    },
    {
      key: "3",
      name: "剑魔",
      chinese: 98,
      math: 90,
      english: 70,
    },
    {
      key: "4",
      name: "猴子",
      chinese: 88,
      math: 99,
      english: 89,
    },
  ];
  return (
    <div>
      <Table columns={columns} dataSource={data} />
    </div>
  );
}

export default Grade;
